<template>
  <div class="content-page">
    <!--banner-part  头部-->
    <div class="sub-box" style="position: fixed">
      <div class="sub-sub-box" style="background: lightgoldenrodyellow">
        <div style="clear: both"></div>
      </div>
    </div>
    <div class="wd min-hg content">
      <div class="product-full">
        <div v-for="(info,index) in shoppingArray" :key="index" class="goods-box">
          <div class="t-center dspy lt goods-line" style="width: 80px;">
            <el-checkbox v-model="info.checked">这儿</el-checkbox>
          </div>
          <div class="t-center dspy lt goods-num goods-line">
            <el-input-number :v-model="5" :min="1" :max="1000">这儿</el-input-number>

          </div>
          <div class="t-center dspy lt goods-line" style="width: 80px;">
            <i class="el-icon-delete" style="font-size: 16px"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'index',
  data () {
    return {
      shoppingArray: [
        {
          checked: false
        },
        {
          checked: false
        },
        {
          checked: false
        }, {
          checked: false
        }, {
          checked: false
        }, {
          checked: false
        }, {
          checked: false
        }, {
          checked: false
        }, {
          checked: false
        }
      ]
    }
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped>
  /*<!--通用样式-->*/
  .dspy{
    display: inline-block;
  }
  .t-center{
    text-align: center
  }
  .lt{
    float: left;
  }
  clear{
    clear: both;
  }
  /*<!--通用样式-->*/
  .content-page{
    background-color: white;
  }
  .min-hg{
    min-height: 450px;
  }
  .wd{
    width: 100%;
    min-width: 1300px;
    box-sizing: border-box;
  }

  .content{
    padding: 50px
  }
  .product-full{
    width:1200px;
    margin-left: calc(50% - 600px);
    min-height: 280px;
  }
  .goods-box{
    width:100%;
    background: lightskyblue;
    height:148px;
    border:1px solid rgba(229,229,229,1);
    margin-top: 25px
  }
  .goods-line{
    line-height: 148px
  }
  .goods-num{
    width: 200px;
  }
  .el-icon-delete:hover{
    cursor: pointer;
    color: #748D36;
  }

  /*提交部分*/
  .sub-box{
    background-color: white;
    min-height: 74px;
    width:1200px;
    margin-left: calc(50% - 600px);
  }
  .sub-sub-box{
    width:100%;
    min-height:70px;
    border:1px solid rgba(229,229,229,1);
    line-height: 70px;
    top: -500px;
  }
</style>
